<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 行高 -->
    <!-- <div>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus rem illum non. Adipisci, odit expedita! Pariatur
         recusandae odit eius accusantium nihil atque dolore blanditiis laboriosam, repellendus dolorem fugiat optio maiores.
    </div>
    
    <style>
        div{
            font-size: 20px;
            line-height:2em;
        }
        
    </style> -->

    <!-- 背景属性 -->
    <!-- <div>
        
        <ul>
            <li>
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. 
                    Ipsam minima officia et consequuntur ea nisi voluptatem, natus, 
                    ad velit odio architecto ipsa voluptatibus est, ex accusantium commodi at numquam. Nesciunt?
                </p>
            </li>
        </ul>
    </div>

    <style>
        div ul>li>p{
            background-color: rgb(0, 125, 0);
            background-image: url(../imag/wallhaven-6ookrx_3840x2160.png);
            background-repeat: no-repeat;
            background-position: center, 20px;
            background-size: contain;
            line-height: 150px;
        }
    </style> -->

    <ul>
        <li>
            <p id="a">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi, dolores ipsam. Consequuntur illum dolor ea, accusamus expedita
                 quas nesciunt incidunt eligendi maxime ipsum sequi impedit optio voluptates aliquid quasi officia.
            </p>
            <p id="b">
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sunt quia voluptas illo suscipit, eos possimus, voluptates consectetur
                 sint at voluptatum a non distinctio aut eligendi consequuntur ad odio laudantium accusantium!
            </p>
            <p id="c">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere, odio esse rem modi quod voluptates eos. Nesciunt dolore
                 saepe sapiente architecto expedita reprehenderit culpa esse quasi nostrum odit, minus quas.
            </p>
        </li>
    </ul>

    <style>
        li{
            background-color: rgb(0, 124, 0)
        }
        
        ul>li>#a{
            background-color:red;
        }
        
        ul>li>#b{
            background-color:blue;
        }
        
        ul>li>#c{
            background-color:transparent;
        }
    </style>
</body>
</html>